<template>
    <div class="log-item">
        <p class="order_no">提现编号：{{item.order_no}}</p>
        <div class="log-content">
            <div class="message">
                <p class="time">申请时间：{{item.created_at}}</p>
                <p class="status">申请状态：{{item.status|status_label}}</p>
            </div>
            <div class="money">
                ￥{{item.money}}
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "cash-log-item",
        props: {
            item: {
                type: Object
            }
        },
        methods: {},
        filters: {
            status_label(value) {
                switch (value) {
                    case 0:
                        return '申请中';
                        break;
                    case 1:
                        return '已通过';
                        break;
                    case 2:
                        return '未通过';
                        break;
                }
            }
        }
    }
</script>

<style scoped lang="less">
    .log-item {
        background: #fff;
        padding: 0 32px;
        margin-bottom: 20px;
        .order_no {
            font-size: 12PX;
            color: #888888;
            padding: 24px 10px;
            border-bottom: solid 1PX #e0e0e0;
        }
        .log-content {
            display: flex;
            flex-direction: row;
            height: 140px;
            align-items: center;
            .avatar {
                width: 120px;
                height: 120px;
            }
            .message {
                font-size: 12PX;
                color: #888888;
                margin-left: 32px;
                .name {
                    font-size: 14PX;
                    margin-bottom: 12px;
                }
                .status {
                    font-size: 12PX;
                    margin-top: 12px;
                    span {
                        font-size: 14PX;
                        color: #4b8d00;
                    }
                }
            }
            .money {
                margin-left: auto;
                color: #e64e4d;
                font-size: 14PX;
            }
        }

    }
</style>